<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
	/*标签选择器*/
	/*li{
		color: red;
		font-size: 30px;
	}*/

	/*id选择器*/
	/*id要保证在页面中的唯一性*/
	/*#two{
		color: red;
		font-size: 30px;
	}*/


	/*类选择器（class选择器）*/
	/*选择的是class值为hd的元素*/
	/*.hd{
		color: red;
		font-size: 30px;
	}*/

	/*交叉选择器*/
	/*选择的是标签名是li，并且class是hd的元素*/
	/*注意：交叉选择器中间没有空格*/
	/*li.hd{
		color: red;
		font-size: 30px;
	}*/


	/*子代选择器*/
	/*选择的是li里面的span标签*/
	/*注意：空格表示父子关系*/
/*	li span{
		color: red;
		font-size: 30px;
	}*/
	
	/*div#box{

	}*/

	/*div #box{

	}*/
	
	/*#box p.title{

	}*/
	
/*	a span{

	}*/


/*群组选择器*/
/*选择的是标签名是p的元素，和class是h的元素 和li里面的span标签*/
	/*p,.hd,li span{
		color: red;
		font-size: 30px;
	}*/

	/*通用选择器*/
	/**{
		
	}*/
</style>
</head>

<body>


<span>span标签</span><span>span标签</span>
<p class="hd">我是p标签</p>
<p class="hd">我是p标签</p>
<p class="hd">我是p标签</p>
<!-- ul#list>li{后盾网 人人做后盾$}*8 -->
<ul id="list">
	<li>后盾网 人人做后盾1</li>
	<li id="two">后盾网 人人做后盾2</li>
	<li>后盾网 人人做后盾3 <span>我是li里的span</span></li>
	<li class="hd">后盾网 人人做后盾4</li>
	<li class="hd">后盾网 人人做后盾5</li>
	<li class="hd">后盾网 人人做后盾6 <span>我是li里的span</span></li>
	<li>后盾网 人人做后盾7</li>
	<li>后盾网 人人做后盾8</li>
</ul>






</body>
</html>
